/**
 * exchart 图标中tooltip自定义样式
 * @param toolTipSource 自定义的参数,header 有传入 表示标题/ bodyDom 有传入表示对是数据,数据中的key 有传入 市值说明,value 有传入 表示有对应的值
 * @returns {string}
 * @isBarled是true 是方块 false 是圆形
 * 公用样式在 style文件下sanping.scss
 */
export function tooltipCustom(toolTipSource) {
    if (!toolTipSource) {
        return ''
    }
    let header = toolTipSource.header ? `<div class="echart-tooltip-header">${toolTipSource.header}</div>` : '';
    let bodyDom = toolTipSource.bodyDom ? toolTipSource.bodyDom.map(function (n,i) {
        let colorDom = '';
        if(n.color.colorStops){
            //颜色模块
            colorDom = n.color ? `<span class="${toolTipSource.isBarled?'tooltip-module-1':'tooltip-module-4'}" style="background: ${n.color.colorStops[0].color}"></span>` : '';
        }else {
            //颜色模块
            colorDom = n.color ? `<span class="${toolTipSource.isBarled?'tooltip-module-1':'tooltip-module-4'}" style="background: ${n.color}"></span>` : '';
        }

        let keyDom = n.seriesName ? `<span class="tooltip-module-2">${n.seriesName}</span>` : '';
        let valueDom = n.value ? `<span class="tooltip-module-3">${n.value}</span>` : '';

        return `<div class="echart-tooltip-module">
              ${colorDom}
              ${keyDom}
              ${valueDom}
            </div>`
    }).join('') : '';
    return `<div class="echart-tooltip-wrap">
              ${header}
              <div class="echart-tooltip-body">
                  ${bodyDom}
              </div>
          </div>`

}